<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>短租预约</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- UC应用模式 --> <meta name="browsermode" content="application"> 
    <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app">
     <link rel="stylesheet" href="../css/common/reset.css">
     <link rel="stylesheet" href="../css/app/index-cont.css">
      <link rel="stylesheet" href="../css/common/layer.css">
     <link rel="stylesheet" href="../css/common/swiper.min.css">
     <link rel="stylesheet" href="../css/common/dateRangeCss.css">
     <!-- <link rel="stylesheet" href="static/dateRangeCss.css"> -->
    <script src="../js/common/flexible.js"></script>
    <script src="../js/common/jquery.min.js"></script>
      <script src="../js/common/tool.js"></script>
      <script src="../js/common/layer.js"></script>
    <script src="../js/common/Storage.js"></script>
    <script src="../js/common/vue.js"></script>
    <!-- <script src="../js/common/config.js"></script> -->
    <script type="text/javascript">
      document.write("<s"+"cript type='text/javascript' src='../js/common/config.js?_v="+Math.random() +"'></scr"+"ipt>");
	</script>
    <script src="../js/common/dateRange.js"></script>
    <script src="../js/common/swiper.min.js"></script>
    <script>
      // setTimeout(function  () {
      //   $('body').css('display','block');
      // },10)

    </script>

  </head>
  <body style="">
  <div id="app">

     <div class="time" v-show="!cont_show_">
      <div class="check-time" style="display:none">
          <div style="width:500px;margin:0 auto;">
            <br><br><br><br><br>
            <div class="ta_date" id="div_date1" style="display: none">
              <span class="date_title" id="date1"></span>
            </div>
        </div>
      </div>
    </div>
    



      <div class="index-cont" v-show="cont_show_">
        <div class="top">
            <div class="swiper-container"><!--swiper容器[可以随意更改该容器的样式-->  
                <div class="swiper-wrapper" style="position: relative">
                    <div class="swiper-slide"><img :src="imgServerUrl+hotelImg1Url"></div>
                    <div class="swiper-slide"><img :src="imgServerUrl+hotelImg2Url"></div>
                    <div class="swiper-slide"><img :src="imgServerUrl+hotelImg3Url"></div>
                    <!--<div class="swiper-slide"><img src="../assets/img/null-1.jpg"></div>  -->
                    <!--<div class="swiper-slide"><img src="../assets/img/null-1.jpg"></div>  -->
                    <!--<div class="swiper-slide"><img src="../assets/img/null-1.jpg"></div>   -->
                </div>  
                <div class="swiper-pagination" ></div><!--分页器-->  
                <!-- <div class="swiper-button-prev"></div> --><!--前进按钮-->  
                <!-- <div class="swiper-button-next"></div> --><!--后退按钮-->
                <div class="hotel-name">{{hotelName}}</div>
            </div>

              <div class="div-flex">
        <div class="position">
           <p class="position-left"  @click="go_map"><img src="../assets/img/place.png"></p>
           <p class="position-center" @click="go_map">{{address}}</p>
           <p class="position-right"><img src="../assets/icon/call.png" @click="call_phone"></p>
        </div>
      </div>
      <div class="div-flex">
        <div class="check-time" @click="go_time">
           <p >入住:{{start}}</p>
           <p>离店:{{end}}</p>
           <p>共{{days}}晚<img src="../assets/icon/yuju-you.png" ></p>
        </div>
      </div>
      <div class="div-flex">
        <div >
         <div class="cont-list" v-for="(item,index) in city_aggre">
            <div class="cont-list-img">
              <img :src="imgServerUrl+'/'+item.img1Url" @error="errImg($event)"  v-if="item.img1Url!=null">
              <!--<img :src="item.img1Url111" onerror="this.src='../assets/icon/call.png'">-->

                <!--<img :src="item.img1Url" @error="errImg($event)" v-if="item.img1Url!=null" >-->
                <!--<img :src="item.img1Url" onerror="this.src='./assets/img/imgerr.png'" >-->
                <img v-if="item.img1Url==null" src="../assets/img/imgeee.png">
            </div>
            <div class="cont-list-center-left">
              <p class="cont-list-center-left-one">{{item.roomTypeName}}</p>
              <p style="font-size: 0.32rem">{{item.info}}</p>
            </div>
            <div class="cont-list-center-right">
              <p class="cont-list-center-right-one">￥{{item.roomPrice}}</p>
              <p><del>门市价:{{item.originPrice}}</del></p>
            </div>
            <div class="cont-list-right">
              <p v-if="item.reserveCount!=0" @click="go_order(item.roomPrice,item.originPrice,item.breakCount,item.roomTypeId,item.roomTypeName,item.reserveCount)">预订</p>
              <p v-if="item.reserveCount==0" style="background-color: #787878">满房</p>
            </div>
          </div>   

    

    <!--       <div class="cont-list">

            <div class="cont-list-img">
              <img src="../assets/img/null-1.jpg">
            </div>
            <div class="cont-list-center-left">
              <p class="cont-list-center-left-one">商务大床房</p>
              <p>有窗，单床，含1早餐</p>
            </div>
            <div class="cont-list-center-right">
              <p class="cont-list-center-right-one">￥599</p>
              <p><del>门市价:798</del></p>   
            </div>
            <div class="cont-list-right">
              <p @click="go_order">预定</p>
            </div>
          </div> -->

        
        </div>
      </div>
        </div>
      </div>

      <div class="detail-jjr" v-show="cont_show_">
        <div class="line"></div>
        <div class="equip">
          <img src="../assets/img/faici.png" >
        </div>
        <div class="line"></div>
        <div class="div-flex">
         <div class="bottom">
              <h2>酒店介绍:</h2>
              <p>
                  {{info}}
              </p>
          </div>
      </div>

  </div>
  </div>

 <script src="../js/app/index-cont.js"></script>
 <script type="text/javascript">  
    var mySwiper = new Swiper(".swiper-container",{  
        direction:"horizontal",/*横向滑动*/  
        loop:true,/*形成环路（即：可以从最后一张图跳转到第一张图*/  
        pagination:".swiper-pagination",/*分页器*/  
        prevButton:".swiper-button-prev",/*前进按钮*/  
        nextButton:".swiper-button-next",/*后退按钮*/  
        autoplay:3000/*每隔3秒自动播放*/  
    })  
</script>

 
  </body>


</html>
